﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link href="./css/page-1csshover.css" rel="stylesheet" media="all">
    <link rel="stylesheet" type="TEXT/css" href="css/page-1css/page-1.css">
    <link rel="stylesheet" type="TEXT/css" href="css/page-1css/hover.css">
    <link rel='stylesheet' type='text/css' href='css/page-1css/fonts.css'>
    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>

</head>

<body>
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="text-center">
                    LOADING
                </div>
            </div>
        </div>
    </div>

    <div>
        <div class="home1 dream">
            <div class="nv">
                <ul class="navi">
                    <li class="li1"><a href="page-1.html" class="l">&nbsp;&nbsp;</a></li>
                    <li class="li2"><a href="page-2.html" class="l">场馆介绍</a></li>
                    <li class="li3"><a href="page-3.html" class="l">IP介绍</a></li>
                    <li class="li4"><a href="page4-1.html" class="l">文创用品</a></li>
                    <li class="li5"><a href="page-5.html" class="l">相关动态</a></li>
                    <li class="li6"><a href="page-6.html" class="l">关于我们</a></li>
                </ul>
            </div>
            <img src="img/page-1-1img/首页.png" class="shouyefa">
            <img src="img/page-1-1img/背景.png" class="background">
            <img src="img/page-1-1img/导航栏 完整.png" class="naviboard">
            <img src="img/page-1-1img/云 左.png" alt="" class="cloudsea1">
            <img src="img/page-1-1img/云 右.png" alt="" class="cloudsea2">
            <img src="img/page-1-1img/山 大.png" alt="" class="mountain1">
            <img src="img/page-1-1img/山 最右.png" alt="" class="mountain2">
            <img src="img/page-1-1img/山 最左 上层.png" alt="" class="mountain3">
            <img src="img/page-1-1img/山 最远.png" alt="" class="mountain4">
            <img src="img/page-1-1img/太阳.png" alt="" class="sun">
            <img src="img/page-1-1img/建筑.png" alt="" class="buildings">
            <img src="img/page-1-1img/蓝色云雾.png" alt="" class="cloud1">
            <img src="img/page-1-1img/雾气 后.png" alt="" class="cloud3">
            <div class="frame">
                <img src="img/page-1-1img/文字框.png" alt="" class="txt">
                <img src="img/page-1-1img/LOGO.png" alt="" class="logo">
                <br>
                <p class="line1">
                    <em class="logoword">弘祖</em><em class="logoword3">・</em><em class="logoword1">遐漫游</em><br>
                </p>
                <p>
                    <em class="logoword2">沉浸式科学体验馆</em>
                </p>
            </div>

        </div>


        <div class="changjing dream">
            <img class="guangdai" src="./img/page-1-2img/光带.png">
            <img class="jieshao hvr-grow" src="./img/page-1-2img/场馆介绍.png">
            <img class="woxuan" src="./img/page-1-2img/涡旋.png">
            <img class="changguanbj" src="./img/page-1-2img/背景全无.jpg">
            <button id="launchBtn"></button>

            <img class="shikongsuidao fade1" id="y1" src="./img/page-1-2img/遐幻 时空隧道 图.png">
            <img class="shikongsuidao1" id="y11" src="./img/page-1-2img/发光/遐幻 时空隧道.png">
            <img class="guangquan1 fade1" src="./img/page-1-2img/光圈.png">
            <img class="shikongsuidaoword fade1" src="./img/page-1-2img/遐幻•时空隧道 字.png">

            <img class="bihaicangwu fade2" id="y2" src="./img/page-1-2img/遐感 碧海苍梧 图.png">
            <img class="guangquan2 fade2" src="./img/page-1-2img/光圈.png">
            <img class="bihaicangwu1" id="y21" src="./img/page-1-2img/发光/遐感 碧海苍梧.png">
            <img class="bihaicangwuword fade2" src="./img/page-1-2img/遐感•碧海苍梧 字.png">

            <img class="hongxiutianxiang fade3" id="y3" src="./img/page-1-2img/遐学 红袖添香 图.png">
            <img class="hongxiutianxiang1" id="y31" src="./img/page-1-2img/发光/遐学.png">
            <img class="guangquan3 fade3" src="./img/page-1-2img/光圈.png">
            <img class="hongxiutianxaingword fade3" src="./img/page-1-2img/遐学•红袖添香 字.png">

            <img class="shuangluchaibai fade4" id="y4" src="./img/page-1-2img/遐魅 双陆拆白 图.png">
            <img class="shuangluchaibai1" id="y41" src="./img/page-1-2img/发光/遐魅 双陆拆白.png">
            <img class="guangquan4 fade4" src="./img/page-1-2img/光圈.png">
            <img class="shuangluchaibaiword fade4" src="./img/page-1-2img/遐魅•双陆拆白 字.png">

            <img class="yayuan fade5" id="y5" src="./img/page-1-2img/1.png">
            <img class="yayuan1" id="y51" src="./img/page-1-2img/发光/遐适 雅苑小憩.png">
            <img class="guangquan5 fade5" src="./img/page-1-2img/光圈.png">
            <img class="yayuanword fade5" src="./img/page-1-2img/遐适•雅苑小憩 字.png">

            <img class="shanhehuicui fade6" id="y6" src="./img/page-1-2img/遐食 山河荟萃 图.png">
            <img class="shanhehuicui1" id="y61" src="./img/page-1-2img/发光/遐食 山河荟萃.png">
            <img class="guangquan6 fade6" src="./img/page-1-2img/光圈.png">
            <img class="shanhehuicuiword fade6" src="./img/page-1-2img/遐食•山河荟萃 字.png">

            <img class="shicuixunfang fade7" id="p7" src="./img/page-1-2img/遐创 拾翠寻芳 图.png">
            <img class="shicuixunfang1" id="p71" src="./img/page-1-2img/发光/遐创 拾翠寻芳.png">
            <img class="guangquan7 fade7" src="./img/page-1-2img/光圈.png">
            <img class="shicuixunfangword fade7" src="./img/page-1-2img/遐创•拾翠寻芳 字.png">
        </div>

        <div class="id dream">
            <img src="./img/page-1-3img/bccolor.png" class="idbj">
            <img src="./img/page-1-3img/框.png" class="kuang">
            <img src="./img/page-1-3img/layer.png" class="star">
            <img src="./img/page-1-3img/查看更多框.png" class="getmoreborder">
            <img src="./img/page-1-3img/查看更多.png" class="getmore">
            <img id="p1" src="./img/page-1-3img/徐霞客图.png" class="person">
            <img id="p2" src="./img/page-1-3img/黄道周.png" class="person2">
            <img id="p3" src="./img/page-1-3img/静闻.png" class="person3">
            <img id="p4" src="./img/page-1-3img/天台山.png" class="person4">
            <img id="p5" src="./img/page-1-3img/雁宕山.png" class="person5">
            <img id="p6" src="./img/page-1-3img/玉女峰.png" class="person6">
            <img src="./img/page-1-3img/IP+框.png" class="ID">
            <img src="./img/page-1-3img/光条.png" id="a1" class="guangtiao1">
            <img src="./img/page-1-3img/光条.png" id="a2" class="guangtiao11">
            <img src="./img/page-1-3img/光条.png" id="a3" class="guangtiao12">
            <img src="./img/page-1-3img/光条.png" id="a4" class="guangtiao13">
            <img src="./img/page-1-3img/光条.png" id="a5" class="guangtiao14">
            <img src="./img/page-1-3img/光条.png" id="a6" class="guangtiao15">
            <img src="./img/page-1-3img/光条.png" id="a7" class="guangtiao16">
            <img src="./img/page-1-3img/光条.png" id="b1" class="guangtiao2">
            <img src="./img/page-1-3img/光条.png" id="b2" class="guangtiao21">
            <img src="./img/page-1-3img/光条.png" id="b3" class="guangtiao22">
            <img src="./img/page-1-3img/光条.png" id="b4" class="guangtiao23">
            <img src="./img/page-1-3img/光条.png" id="b5" class="guangtiao24">
            <img src="./img/page-1-3img/光条.png" id="b6" class="guangtiao25">
            <img src="./img/page-1-3img/光条.png" id="b7" class="guangtiao26">
            <p class="word1 hvr-grow" id="w1">徐霞客<br>：碧海苍梧<br>，志在四方</p>
            <p class="word2 hvr-grow" id="w2">黄道周<br>：河清我愿<br>，鸿儒入世</p>
            <p class="word3 hvr-grow" id="w3">静闻<br>：心之所向<br>，素履以往</p>
            <p class="word4 hvr-grow" id="w4">天台山<br>：佛道宗源<br>，山水神秀</p>
            <p class="word5 hvr-grow" id="w5">雁宕山<br>：海上名山<br>，寰中绝胜</p>
            <p class="word6 hvr-grow" id="w6">玉女峰<br>：临水奇峰<br>，玉女肌容</p>

            <img class="lightword1" id="lw1" src="./img/page-1-3img/徐霞客：碧海苍梧，志在四方.png">
            <img class="lightword2" id="lw2" src="./img/page-1-3img/黄道周：河清我愿，鸿儒入世.png">
            <img class="lightword3" id="lw3" src="./img/page-1-3img/静闻：心之所向，素履以往.png">
            <img class="lightword4" id="lw4" src="./img/page-1-3img/天台山：佛道宗源，山水神秀.png">
            <img class="lightword5" id="lw5" src="./img/page-1-3img/雁宕山：海上名山，寰中绝胜.png">
            <img class="lightword6" id="lw6" src="./img/page-1-3img/玉女峰：临水奇峰，玉女肌容.png">
        </div>
        




    </div>



</body>
<script src="js/page-1-introduce.js"></script>
<script src="js/page-1-guangtiao.js"></script>

</html>